<template>
    <section>
        <b-field label="Primary">
            <b-numberinput placeholder="No label"></b-numberinput>
        </b-field>

        <b-field label="Success">
            <b-numberinput type="is-success"></b-numberinput>
        </b-field>

        <b-field label="Error">
            <b-numberinput type="is-danger"></b-numberinput>
        </b-field>

        <b-field label="Info">
            <b-numberinput type="is-info"></b-numberinput>
        </b-field>

        <b-field label="Warning">
            <b-numberinput type="is-warning"></b-numberinput>
        </b-field> 

        <b-field label="Light">
            <b-numberinput type="is-light"></b-numberinput>
        </b-field> 

        <b-field label="Dark">
            <b-numberinput type="is-dark"></b-numberinput>
        </b-field> 
    </section>
</template>
